<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>产品信息</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../css/iconfont-web.css">
	<link rel="stylesheet" type="text/css" href="../css/daokes-web.css">
</head>

<body>
	<div class="pos-r ht100-per w100-per">
		<!-- 左侧菜单 start -->
		<div class="pos-a pos-t0 pos-l0 pos-b0 bg-e" style="width:160px;">
			放置左侧菜单
		</div>
		<!-- 左侧菜单 end -->
		<!-- 右侧 start -->
		<div style="padding-left:160px;">
			<!-- 右侧顶部 start -->
			<div class="bg-c" style="height: 50px;">顶部</div>
			<!-- 右侧顶部 end -->
			<!-- content start -->
			<div class="p20">
				<div class="pos-r border-1 radius-4">
					<div class="ht40 l-ht40 color-6 border-b-1" style="padding:0 20px;background:#f7faff">
						<select name="" id="" class="border-1 radius-4 p5" style="width:150px">
							<option value="">考试管理系统</option>
							<option value="">谛听</option>
							<option value="">奔宇</option>
						</select>
						<span class="display-ib text-c" style="width:200px">
							页面编码工艺路线
						</span>
						<span class="display-ib text-c" style="width:150px">
							工单预计交付日期：
						</span>
						<span class="display-ib border-r-1 text-l" style="width:150px">2018-09-30</span>
						<span class="display-ib text-r" style="width:150px">
							所处工序：
						</span>
						<span class="display-ib text-l" style="width:80px">场景设计</span>
						<span class="display-ib text-r" style="width:150px">
							工序开始日期：
						</span>
						<span class="display-ib text-l" style="width:150px">2018-09-30</span>
						<span class="display-ib text-r" style="width:150px">
							工序结束日期：
						</span>
						<span class="display-ib text-l" style="width:150px">2018-09-30</span>
					</div>
					<!-- 工票状态 start -->
					<div style="padding: 20px 20px;" class="font14 color-3">
						<label for="" class="color-3">工票状态：</label>
						<div class="display-ib" style="width:100px;"><input type="checkbox" name="" id="">未派</div>
						<div class="display-ib" style="width:100px;"><input type="checkbox" name="" id="">已派</div>
						<div class="display-ib" style="width:100px;"><input type="checkbox" name="" id="">已开</div>
						<div class="display-ib" style="width:100px;"><input type="checkbox" name="" id="">已完工</div>
						<div class="display-ib" style="width:200px;"><input type="checkbox" name="" id="">挂起</div>
						<label for="" class="color-3">工票状态：</label>
						<div class="display-ib" style="width:100px;"><input type="checkbox" name="" id="">正常</div>
						<div class="display-ib" style="width:100px;"><input type="checkbox" name="" id="">异常</div>
					</div>
					<!-- 工票状态 end -->
					<!-- 表格 start -->
					<div style="padding:20px;padding-top: 0" class="pos-r overflow-h">
						<!--表头 start -->
						<div>
							<div class="border-t-1 border-l-1 border-b-1 font12 display-ib" style="background:#f7faff">
								<span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:150px;">工票
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:150px;">工序
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:150px;">工票状态
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:150px;">预计时长(天)
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:150px;">实际开始时间
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:150px;">实际结束时间
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:150px;">实际时长(天)
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:150px;">暂停时长(天)
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:150px;">责任人
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:150px;">进展状态
								</span>
							</div>
						</div>
						<!--表头 end-->
						<!-- 表体 start -->
						<div data-feidao-presentation="P02" class=" font12 t_body display-ib overflow-y-a" style="height:650px;">
							<div class="tableRow border-l-1">
								<span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30" style="width:150px;">交易结构图
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">需求分析
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">已完成
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">18h
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">2018-08-25 17:13:03
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">2018-08-25 17:13:03
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">2
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">宋云霄
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title=""><i class="iconfont icon-chenggong color-theme">正常</i>
								</span>
							</div>
							<div class="tableRow border-l-1">
								<span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30" style="width:150px;">交易结构图
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">需求分析
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">已完成
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">18h
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">2018-08-25 17:13:03
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">2018-08-25 17:13:03
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">2
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">宋云霄
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title=""><i class="iconfont icon-zhixingyichang color-red">异常</i>
								</span>
							</div>
						</div>
						<!-- 表体 end -->
					</div>
					<!-- 表格 end -->
				</div>
			</div>
		</div>
		<!-- content end -->
	</div>
	<!-- 右侧 end -->
	</div>

</body>

</html>